<template>

	<div class="used">
	<van-pull-refresh v-model="isLoading" @refresh="onRefresh"
	pulling-text="下拉即可刷新" loading-text="加载中" 
	loosing-text="释放即可刷新" :success-text='MEICOM' class="refresh">
	<div  class="used-img">
		<img src="../assets/chanel.jpg">
	</div>
	<van-divider :style="{ color: '#d5985e', 
	borderColor: '#d5985e', padding: '16px 16px' ,width:'300px',}">
		玩转双十一
	</van-divider>
	<van-steps :active="active" active-icon="success"
	 active-color="#b0090c">
		<van-step>爆款尖货</van-step>
		<van-step>Gucci</van-step>
		<van-step>LV</van-step>
		<van-step>配饰特卖</van-step>
		<van-step>全场狂欢</van-step>
	</van-steps>
	<van-divider :style="{ color: '#d5985e', 
		borderColor: '#d5985e', padding: '16px 16px' ,width:'300px',}">
		今日上新
	</van-divider>
	<p><img src="../assets/newLV.png"></p>
	<van-divider :style="{ color: '#d5985e', 
		borderColor: '#d5985e', padding: '16px 16px' ,width:'300px',}">
		用劵立减
	</van-divider>
	<p><img src="../assets/vanity.png"></p>
	<van-divider :style="{ color: '#d5985e', 
		borderColor: '#d5985e', padding: '16px 16px' ,width:'300px',}">
		热卖指南
	</van-divider>
	<div class="hot">
		<van-grid :border="false" :column-num="2">
		  <van-grid-item>
		   <p><img src="../assets/95new.png"></p>
			95新>
		  </van-grid-item>
		  <van-grid-item>
		    <p><img src="../assets/lvdivision.png"></p>
			lv专区>
		  </van-grid-item>
		  <van-grid-item>
		    <p><img src="../assets/3999.png"></p>
			3999封顶>
		  </van-grid-item>
		  <van-grid-item>
		     <p><img src="../assets/sift.png"></p>
		  	精选专区>
		  </van-grid-item>
		</van-grid>
	</div>
	<div class="newday">
		<span><strong>每日上新</strong><!-- |128款 --></span>
		<span>查看全部<van-icon name="arrow" /></span>
		<van-swipe indicator-color="white">
		  <van-swipe-item><img src="../assets/swipe1.png"></van-swipe-item>
		  <van-swipe-item><img src="../assets/swipe2.png"></van-swipe-item>
		  <van-swipe-item><img src="../assets/swipe3.png"></van-swipe-item>
		</van-swipe>
	</div>
	</van-pull-refresh>
	
	
	
	</div>
</template>

<script>

	export default {
		name:"UsedLuxury",
  data() {
    return {
      count: 0,
      isLoading: false,
	  MEICOM:"",
	  active: 2
    }
  },

  methods: {
    onRefresh() {
      setTimeout(() => {
        this.$toast('刷新成功');
        this.isLoading = false;
      },1500);
    }
  }
}

</script>

<style scoped="">
	.used .used-img img{
		width: 100%;
		height: 300px;
	}
	.used{
		margin-top: -60px;
		
	}
	.template{
		width: 332px;
		height: 100%;
		margin-bottom: 32px;
	}
	.van-steps{
		text-align: left;
	}
	.van-divider{
		margin-left: 23px;
	}
	.van-steps {
		margin-left: 2px;
	}
	.used p img{width: 300px;} 
	.hot p img{width: 57px;height:57px;}
	.newday .van-swipe .van-swipe-item img{width: 300px;
	height: 200px;}
	.van-icon, .van-icon::before{top: 1px;}
</style>
